﻿table{
    border-spacing: 0; 
    font-family: Arial;
    font-size: 12px;
    margin: 50px;
}
td {
    padding: 8px;
    position: relative;
    border-right: 1px solid white;
    border-left: 2px solid #D2D1BE;
    border-left: 1px solid #b5b5b5;
    text-align: left;
}
tr:nth-child(2n){
    background-color:#ececd8;
}
thead {
    background-color: #32CA32;
    background-image: linear-gradient(top, rgb(94,195,6) 65%, rgb(82,182,6) 83%);
    background-image: -o-linear-gradient(top, rgb(94,195,6) 65%, rgb(82,182,6) 83%);
    background-image: -moz-linear-gradient(top, rgb(94,195,6) 65%, rgb(82,182,6) 83%);
    background-image: -webkit-linear-gradient(top, rgb(94,195,6) 65%, rgb(82,182,6) 83%);
    background-image: -ms-linear-gradient(top, rgb(94,195,6) 65%, rgb(82,182,6) 83%);
    background-image: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0.65, rgb(94,195,6)),
	    color-stop(0.83, rgb(82,182,6))
    );
}
tbody {
    background-color: white;
}
thead > tr {
    height: 25px;    
    color: white;
}
th {
    padding-left: 5px;
    border-right: 2px solid #6dc22a;
    border-left: 2px solid #3c9305;
    border-bottom: 2px solid #3c9305;
    border-bottom: 2px solid #3c9305;
    font-weight: 100;
    text-align: left;
}
th:first-child, td:first-child {
    border-left: none !important;
}
col:first-child {
    width: 169px;
}
col:last-child {
    width: 100px;
}
#middle {
    width: 143px;
}
img {
   
   height: 16px;
    width: 26px;
    vertical-align: middle;

}
label {
    display: inline;
}
input[type=checkbox] {
    display: none;
}
input[type=checkbox] + label {
    background-color:  #D3D2C4;
    border: 1px solid #cacece;   
    display: inline-block;
    position: relative;
    padding: 6px;
    box-shadow: 2px 2px 0px black inset,2px 2px 0px rgba(251, 252, 245, 1);    
} 
input[type=checkbox]:checked + label {
    background-color: #d4d0c8;
    border: 1px solid #adb8c0;
    box-shadow: 2px 2px 0px black inset;    
    color: #99a1a7;
} 
input[type=checkbox]:checked + label:after {
    content: '\221a';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 1px;
    color: #99a1a7
}

